<!DOCTYPE HTML>
<html>
<head>
  <title>个人信息</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link href="css/style.css" rel="stylesheet" type="text/css"  media="all" />
  <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  <link href="css/slider.css" rel="stylesheet" type="text/css"  media="all" />
  <script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
  <script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
  <script type="text/javascript">
	 var user;
	 /*去后台获取session中的用户对象*/
     var path = "/" + location.pathname.split("/")[1];
	 $.get(path+"/S_getUser",function (data) {
		 console.log(data);
         $("#userName").val(data.userName);
         $("#userPhone").val(data.userPhone);
         $("#userSex").val(data.userSex);
         $("#userBirthday").val(data.userBirthday);
         $("#h3username").html(data.userName);
         $("#userid").val(data.userId);
     },"json");
    $(window).load(function() {
        $.post(path+"/S_getImage",function (data) {
            console.log(data);
            $.each(data,function (i,li) {
                console.log(li.imagePath);
                $("#slider").append(
                    '<img src="'+path+"/"+li.imagePath+'" data-thumb="'+path+"/"+li.imagePath+'"  alt="" />'
                );
            });
            $('#slider').nivoSlider();
        },'json');
    });
    </script>
 </head>
<body>
	<!----start-header----->
	<!---start-top-nav---->
	 <div class="header">
	     <div class="wrap">
			<div class="top-header">
				<div class="clear"> </div>
			</div>
			<div class="top-nav">
				<div class="top-nav-left">
					<ul>
						<li class="active"><a href="person.html">个人信息</a></li>
						<li><a href="index.html">约个课</a></li>
						<li ><a href="personal.html">约私教</a></li>
						<li><a href="info.html">预约信息</a></li>
						<li><a href="club.html">场馆信息</a></li>
						<li><a href="vipcard.html">我的会员卡</a></li>
						<div class="clear"> </div>
					</ul>
				</div>
				<div class="top-nav-right">
					<div class="telephone">
						<span><i class="phone_img"><img src="images/phone.png" alt="" /></i> CALL</span><span class="number">(800) 234-5678</span>
					</div>
				</div>
				<div class="clear"> </div>
			</div>
			<!---End-top-nav---->
		</div>
	</div>
   <!----End-header----->
	       <!------ Slider ------------>
		     <div class="slider">
	      	  <div class="slider-wrapper theme-default">
	            <div id="slider" class="nivoSlider">
	            </div>
	        </div>
   	    </div>
		<!------End Slider ------------>
		 <!---start-content---->
		 <div class="wrap">
		   <div class="content">	 	 
		       <div class="top-grids">
		 		</div>
			 	    <div class="about_desc">		
		       	       <div class="wrap">
						   <form action="/SWT/S_updateUser" enctype="multipart/form-data" id="form1" method="post">
					            <div class="about-topgrid1">
										<h3 id="h3username">个人姓名</h3>
										<img src="images/welcome_img2.jpg" alt="" />
										<input type="text" id="image" hidden><!--图片在数据库的名字用来修改的时候删除图片用的-->
										<input type="text" id="userid" name="userId" hidden><!--用户的id修改用的-->
										<input type="file" name="myFile">
									</div>					           
					              <div class="about-services">
									<h3>个人信息</h3>
									<span>姓&nbsp;&nbsp;&nbsp;&nbsp;名</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" id="userName" name="userName" ><br>
									  <span>性&nbsp;&nbsp;&nbsp;&nbsp;别</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" value="女" name="userSex" id="userSex"><br>
									<span>手机号</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="userPhone" id="userPhone"><br>
									<span>出生日期</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="userBirthday" id="userBirthday"><br>
								</div>
								<div class="about-histore">
									<h3>个人签名</h3>
									<textarea style="width: 200px;height: 200px" name="userSign">鬼刀一开！走位！走位！回手套！看不见！看不见！手里干！嘿哟嘿！难受！</textarea><br>
									<input type="button" value="修改" id="edit">
									<div class="clear"> </div>
								</div>
						   </form>
							<div class="clear"> </div>
			           </div>
						<script type="text/javascript">
							$("#edit").click(function () {
								$("#form1").submit();
                            });
							/**/
						</script>
		   			</div>		   			  	   
			 	</div>
		   	</div><div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >手机网站模板</a></div>		   			
		 <!---End-content---->
		 <!---start-footer---->
		  <div class="footer">
		    <div class="wrap">
			   <div class="footer-grid">
				<h3>Location</h3>
				       <div class="address">
						   <ul>
						  	   <li>Neque porro quisquam,</li>
						  	   <li>dolor sit amet,</li>
						  	   <li>USA.</li>
						  	   <li>info(at)yourcompany.com</li>
						  	   <li><span>Telephone :</span> +00 000 00000</li>
						  	  <li><span>Fax :</span> +00 000 00000</li>
				 		  </ul>
				    </div>
			   </div>
			<div class="footer-grid twitts">
				<h3>Latest Tweets</h3>
				<p><label>@Lorem ipsum</label>dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
				<span>10 minutes ago...</span>
				<p><label>@consectetur</label>dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
				<span>15 minutes ago...</span>
			</div>
			<div class="footer-grid center-grid">
				<h3>Recent posts</h3>
				<ul>
					<li><a href="#">eiusmod tempor incididunt</a></li>
					<li><a href="#">adipisicing elit, sed</a></li>
					<li><a href="#">mod tempor incididunt ut</a></li>
					<li><a href="#">dipisicing elit, sed do</a></li>
					<li><a href="#">econsectetur adipisicing</a></li>
				</ul>
			</div>		
			<div class="footer-grid">
				<h3>DID YOU KNOW?</h3>
				<p>Lorem ipsum dolor sit amet consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
				<a href="#">ReadMore</a>
			</div>
			<div class="clear"> </div>
		</div>
	</div>
	<div class="copy-right">
		<p>Design by W3layouts. More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
	</div>
		 <!---End-footer---->
	</body>
</html>

